<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initail-scale=1">
<title>Untitled Document</title>
<link rel="stylesheet" href="{{asset('/mobile/test/css/style.css')}}">
<script>
window.onload=onresize=function(){
	var html=document.documentElement;
	html.style.fontSize=document.documentElement.clientWidth/16+'px';
};	
</script>
</head>

<body>
	<header>
		<div class="avatar">
			<span><img src="{{asset('/mobile/test/images/timg.jpeg')}}"></span>
			<i>一级代理</i>
		</div>
		<div class="username">
			<h3>花落谁家</h3>
			<p>推广员编号：<span>163</span></p>
		</div>
	</header>
	<div class="param flex">
		<div class="flex-item">
			<h4>146.84</h4>
			<span></span>
			<p>今日收益</p>
		</div>
		<div class="flex-item">
			<h4>89.3</h4>
			<span></span>
			<p>可提现收益</p>
		</div>
		<div class="flex-item">
			<h4>120</h4>
			<span></span>
			<p>银票剩余</p>
		</div>
		<div class="flex-item">
			<h4>70%</h4>
			<span>一张银票分0.35元</span>
			<p>分成比例</p>
		</div>
	</div>
	<div class="rechargebtn flex">
		<div>
			<a href="#">
				<img src="{{asset('/mobile/test/images/shouyi.png')}}">
			</a>
		</div>
		<div>
			<a href="#">
				<img src="{{asset('/mobile/test/images/chongzhi.png')}}">
			</a>
		</div>
	</div>
	<div class="entrance">
		<h4>推广</h4>
		<ul class="flex">
			<li>
				<a href="#">
					<img src="{{asset('/mobile/test/images/icon_01.png')}}">
					<span>推广代理</span>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="{{asset('/mobile/test/images/icon_02.png')}}">
					<span>推广代理</span>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="{{asset('/mobile/test/images/icon_03.png')}}">
					<span>推广代理</span>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="{{asset('/mobile/test/images/icon_04.png')}}">
					<span>推广代理</span>
				</a>
			</li>
		</ul>
		<h4>亲友圈</h4>
		<ul class="flex">
			<li>
				<a href="#">
					<img src="{{asset('/mobile/test/images/icon_05.png')}}">
					<span>亲友圈</span>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="{{asset('/mobile/test/images/icon_06.png')}}">
					<span>亲友管理</span>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="{{asset('/mobile/test/images/icon_07.png')}}">
					<span>邀请好友</span>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="{{asset('/mobile/test/images/icon_08.png')}}">
					<span>房间管理</span>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="{{asset('/mobile/test/images/icon_09.png')}}">
					<span>我的玩家</span>
				</a>
			</li>
		</ul>
	</div>
	<div class="others">
		<ul>
			<ul>
				<li>
					<a href="#">
						<span>个人信息</span>
						<i>完善个人资料、实名认证</i>
					</a>	
				</li>
				<li>
					<a href="#">
						<span>帮助中心</span>
						<i>规则、玩法详细说明</i>
					</a>	
				</li>
			</ul>
		</ul>
	</div>
</body>
</html>
